<template>
  <view class="my-component">
    <!-- <view style="width: 140rpx;height: 145rpx;background: #fff;border-radius: 100rpx;">
		<image style="width: 100%;height: 100%;border-radius: 100rpx;" src="/static/index/kf.png" mode=""></image>
	</view> -->
	
	<view style="position: fixed;top: 50%;right: 0rpx;z-index: 99999;">
		<liu-drag-button @clickBtn="clickBtn">
			<image style="width: 100%;height: 100%;border-radius: 100rpx;" src="/static/index/kf.png" mode=""></image>
		</liu-drag-button>
	</view> 
  </view>
</template>
 
<script>
	export default {
		components: {},
		data() {
			return {
				windowHeight: "200px", 
			}
		},
		onLoad() {
			this.GaoDu() //判断手机高度
		},
		methods: {
			clickBtn(){
				console.log('www')
			},
			// 判断手机高度
			GaoDu() {
				console.log('12356')
				// 判断手机页面的高度
				uni.getSystemInfo({

					success: (res) => {
						this.windowHeight = res.windowHeight + "px";
					}
				})
			},
		}
	}
</script>
 
<style>
	@import url("@/pages/css.css");
</style>